<template>
  <view class="vm-page bg-efefef vh">
    <view class="share-title">LuatOS Gitee库</view>
    <view class="share-content">
      <view class="link">https://gitee.com/openLuat/LuatOS</view>
    </view>
    <view class="share-title">LuatOS 官方网站</view>
    <view class="share-content">
      <view class="link">https://luatos.com/</view>
    </view>
    <view class="share-title">LuatOS QQ群：1061642968</view>
    <view class="share-content">
      <image :src="imgAssets.main.qq_luatos" class="link-img" mode="widthFix" />
    </view>
  </view>
</template>

<script lang="ts">
import Taro from "@tarojs/taro";
import imgAssets from "@/images/index";

export default {
  name: "Index",
  components: {},
  data() {
    return {
      imgAssets,
    };
  },
  computed: {},
  methods: {},
  mounted() {},
  onReady() {},
  onShow() {},
  onHide() {},
};
</script>

<style lang="scss">
.share-title {
  padding: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.share-content {
  padding: 0 10px;
  font-size: 14px;
  color: #aaa;
  padding-bottom: 30px;

  .link {
    text-decoration: underline;
  }

  .link-img {
    width: 100%;
  }
}
</style>
